<template>
    <div class="bannerDetail">
        <van-nav-bar
            title="详情"
            left-arrow
            @click-left="onClickLeft"
            :fixed="fixed"
            />
        <div class="content" v-html="contents">
            
        </div>
    </div>
</template>

<script>
import { NavBar } from 'vant';
import { Toast } from 'vant';
export default {
    data (){
        return {
            detailId:'',
            contents:''
        }
    },
    props:{
        fixed:{
            type:String,
            value:true
        }
    },
    created (){
        this.detailId =this.$route.query.id;
        this.getData()
    },
    methods: {
         onClickLeft() {
            this.$router.go(-1);
        },
        getData (){
            this.$axios.post('/cct/slideshow/slideshowContent',{
                id:this.detailId
            }).then(res =>{
                console.log("轮播图跳转过来详情",res) 
                if(res.data.code==0){
                    this.contents =res.data.data.slideshowContent;
                }   
            })
        }
    }
}
</script>

<style lang="less" scoped>
    .bannerDetail{
        font-size: 0;
        width: 100%;
        position: relative;
       .content{
           width: 100%;
           padding: 0.2rem;
           box-sizing: border-box;
           position: absolute;
           top:0.8rem;
           left:0;
           right: 0;
           font-size: 0.3rem;
           color:#999;

       } 

    }
</style>
